/*
 * Copyright (c) 2010-2021 Contributors to the Eclipse Foundation
 * 
 * See the NOTICE file(s) distributed with this work for additional
 * information regarding copyright ownership.
 * 
 * This program and the accompanying materials are made available under the
 * terms of the Eclipse Public License 2.0 which is available at
 * http://www.eclipse.org/legal/epl-2.0
 * 
 * SPDX-License-Identifier: EPL-2.0
 */

/* Calendar
 *
 * Styling Calendar mainly includes:
 *
 * 1. Calendar container
 * 		.dijitCalendar - main container
 * 		.dijitCalendarHover / .dijitCalendarActive - states e.g. hover,active
 *
 * 2. Month
 * 		.dijitCalendarMonthContainer
 * 		.dijitCalendarMonthLabel
 *      .dijitCalendarDecrease / .dijitCalendarDecrease - icons for switching to previous/next month
 *      .dijitCalendarArrowActive .dijitCalendarDecrease - states e.g. hover,active
 *
 * 3. Date
 * 		.dijitCalendarDayLabelTemplate - week day column header e.g. S M T W T F S
 * 		.dijitCalendarDateTemplate - date label wrapper
 * 		.dijitCalendarPreviousMonth .dijitCalendarDateLabel - special labels for previous or next month
 *      .dijitCalendarSelectedDate .dijitCalendarDateLabel - styles for selected date
 * 		.dijitCalendarDisabledDate .dijitCalendarDateLabel - styles for disabled date
 * 		.dijitCalendarActiveDate .dijitCalendarDateLabel - states e.g. hover,active
 *
 * 4. Year
 * 		.dijitCalendarYearContainer
 * 		.dijitCalendarYearLabel
 * 		.dijitCalendarPreviousYear /.dijitCalendarNextYear
 *      .dijitCalendarNextYearHover / .dijitCalendarPreviousYearHover - states e.g. hover,active
 *
 * 5. Dropdown Month Menu
 * 		.dijitCalendarMonthMenu - menu container
 * 		.dijitCalendarMonthMenu .dijitCalendarMonthLabel - month label in menu item
 * 		.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover - menu item hover state
 */
.oneui .dijitCalendar {
    border: solid 4px rgba(3,3,3,0.4);
    box-shadow: 0 0 4px 1px rgba(0,0,0,0.2);
    -moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
    
    background-color: #fafafa;
	
    text-align: center;
    padding: 6px 5px 3px 5px;
}
.dj_ie .oneui .dijitCalendar {
	border: solid 4px #999999;
}

.dj_ie6 .oneui .dijitCalendar {
    background-image: none;
}

.oneui .dijitCalendar img {
    border: none;
}

.oneui .dijitCalendarHover {
	
}
.oneui .dijitCalendarActive {
    /* treat dijitCalenderActive like hover since there's
     * no concept of clicking a Calendar as a whole (although you can click things inside the calendar)
     */
	/*
    background-color: #dddddd;
    border: solid 1px #bbbbbb;
    */
}

.oneui .dijitCalendarMonthContainer th {
    text-align: center;
    padding-bottom: 0px;
    vertical-align: middle;
}

.oneui .dijitCalendarMonthLabel {
    color: #000000;
    font-size: 1.091em;
    padding: 0 4px;
}

/* next/previous month arrows, dijitCalendarDecrease */
.oneui .dijitCalendarIncrementControl {
    width: 18px;
    height: 16px;
    /*background-image: url("images/calendarArrows.png");*/
	background-image: url("images/calendarArrows.png");
    background-repeat: no-repeat;
	background-position: -77px 0;
}

.dj_ie6 .oneui .dijitCalendarIncrementControl {
    /*background-image: url("images/calendarArrows8bit.png");*/
	background-image: url("images/calendarArrows8bit.png");
}

.oneui .dijitCalendarIncrease {
    /*background-position: -18px 0;*/
	background-position: -25px 0;
}
.oneui .dijitCalendarArrow{
	border: 1px solid #fafafa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
}

.oneui .dijitCalendarHover .dijitCalendarArrowHover {
	border: 1px solid #cccccc;
    
    background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #fefefe, #cccccc);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#cccccc));
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* IE10+ */
	background-image: linear-gradient(top,  #fefefe 0%, #cccccc 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#fefefe', endColorstr='#cccccc'); 
	*/
}
.oneui .dijitCalendarArrowHover .dijitCalendarDecrease {
    /*background-position: -36px 0;*/
	background-position: -177px 0;
}
.oneui .dijitCalendarArrowHover .dijitCalendarIncrease {
    /*background-position: -55px 0;*/
	background-position: -125px 0;
}

.oneui .dijitCalendarActive .dijitCalendarArrowActive {
	border: 1px solid #cccccc;
	
    background-color: #cccccc;
	background-image: -moz-linear-gradient(top, #dbdbdb, #f4f4f4);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#dbdbdb),to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* IE10+ */
	background-image: linear-gradient(top,  #dbdbdb 0%, #f4f4f4 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#dbdbdb', endColorstr='#f4f4f4'); 
	*/
}
.oneui .dijitCalendarArrowActive .dijitCalendarDecrease {
    /*background-position: -72px 0;*/
	background-position: -177px 0;
}
.oneui .dijitCalendarArrowActive .dijitCalendarIncrease {
    /*background-position: -91px 0;*/
	background-position: -125px 0;
}

.oneui .dijitA11ySideArrow {
    /* text +/- labels instead of arrow icons, for high contrast mode */
    display: none;
}

.oneui .dijitDayLabels th {
    padding: 0 4px 0 4px;
    font-weight: bold;
    text-align: center;
}

.oneui .dijitCalendarDayLabelTemplate {
    padding-bottom: 0;
    text-align: center;
    border-bottom: 1px solid #b5bcc7;
    font-size: 0.909em;
    padding: 4px 3px 2px;
}
.oneui .dijitCalendarDayLabelTemplate .dijitCalendarDayLabel {
    font-size: 10px;
	font-family: Arial;
	font-weight: bold;
	color: #222222;
}

.oneui .dijitCalendarDateTemplate {
    text-align: center;
    background-color: #ffffff;
    background-image: url("images/calendarContainerImages.png");
    background-position: 0 0;
    background-repeat: repeat-x;
    border-bottom: 1px solid #999999;
    padding-top: 0;
    /*font-size: 0.909em;*/
	font-size: 10px;
    font-family: Arial;
    /*font-weight: bold;*/
    /*letter-spacing: .05em;*/
	letter-spacing: 0.5px;
    text-align: center;
}

.dj_ie6 .oneui .dijitCalendarDateTemplate {
    background-image: none;
}

.oneui .dijitCalendarPreviousMonth, 
.oneui .dijitCalendarNextMonth {
    background-color: #eeeeee;
    background-image: none;
    border-bottom: solid 1px #999999;
    /* todo: redundant with above .dijitCalendarDateTemplate rule */
}

.oneui .dijitCalendarDateTemplate .dijitCalendarDateLabel {
    text-decoration: none;
    display: block;
    padding: 3px 5px 3px 4px;
    border: solid 1px #ffffff;
	font-size: 10px;
	font-family: Arial;
	color: #222222;
    /* intentionally matches background-color, no visible border until hover/selection */
    background-color: #ffffff;
    /* transparent causes black-flash animation problem on webkit */
    -webkit-transition-property: background-color, border;
    -moz-transition-property: background-color, border;
    transition-property: background-color, border;
    -webkit-transition-duration: 0.35s;
    -moz-transition-duration: 0.35s;
    transition-duration: 0.35s;
}

.oneui .dijitCalendarPreviousMonth .dijitCalendarDateLabel, 
.oneui .dijitCalendarNextMonth .dijitCalendarDateLabel {
    color: #555555;
    border-color: #fafafa;
	background-color: #fafafa;
    /* intentionally matches background-color, no visible border until hover/selection */
}
 /* duplicate css style 
.dj_ie .oneui .dijitCalendarPreviousMonth .dijitCalendarDateLabel, 
.dj_ie .oneui .dijitCalendarNextMonth .dijitCalendarDateLabel {
	color: #999999;
	border-color: #fafafa;
	background-color: #fafafa;
} */ 

.oneui .dijitCalendarYearContainer {
    vertical-align: middle;
}

.oneui .dijitCalendarYearControl {
    padding: 1px 2px 2px 2px;
}

.oneui .dijitCalendarYearLabel {
    padding: 2px 0 0 0;
    margin: 0;
}

.oneui .dijitCalendarYearLabel span {
    /* trying to center next/current/previous year vertically, doesn't work on IE6/7 though */
    vertical-align: middle;
}

.oneui .dijitCalendarSelectedYear {
    padding: 0 3px;
}

.oneui .dijitCalendarNextYear, .oneui .dijitCalendarPreviousYear {
    padding: 1px 6px;
	font-family: Arial;
    /*font-size: 0.909em;*/
	font-size: 12px;
	color: #222222;
	border: 1px solid #fafafa;
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
    border-radius: 2px;
	
}

.oneui .dijitCalendarSelectedYear {
    /*font-size: 1.091em;*/
	font-size: 14px;
    color: #222222;
	font-weight: bold;
}

/* End Normal Calendar Style */
/* Hovered Calendar Style */
.oneui .dijitCalendarHoveredDate .dijitCalendarDateLabel {
    background-color: #cce8f2;
    border: solid 1px #cce8f2;
    color: #222222;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
}
.dj_ie .oneui .dijitCalendarHoveredDate .dijitCalendarDateLabel {
    background-color: #cce8f2;
    border: solid 1px #cce8f2;
    color: #222222;
}

.oneui .dijitCalendarNextYearHover, 
.oneui .dijitCalendarPreviousYearHover {
	border:1px solid #cccccc;
    color: #222222;
    background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #fefefe, #cccccc);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#cccccc));
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* IE10+ */
	background-image: linear-gradient(top,  #fefefe 0%, #cccccc 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#fefefe', endColorstr='#cccccc'); 
	*/
}

/* End Hovered Calendar Style */
/* Active Calendar Style */
.oneui .dijitCalendarNextYearActive, 
.oneui .dijitCalendarPreviousYearActive {
	border:1px solid #cccccc;
	color: #222222;
	background-color: #cccccc;
	background-image: -moz-linear-gradient(top, #dbdbdb, #f4f4f4);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#dbdbdb),to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* IE10+ */
	background-image: linear-gradient(top,  #dbdbdb 0%, #f4f4f4 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#dbdbdb', endColorstr='#f4f4f4'); 
	*/
}


/* End Active Calendar Style */
/* Selected Calendar Style */
.oneui .dijitCalendarSelectedDate .dijitCalendarDateLabel {
    color: #222222;
    background-color: #ddf2f9;
    /*border-color: #769dc0;*/
	font-weight: bold;
}
.oneui .dijitCalendarActiveDate .dijitCalendarDateLabel {
    background-image: url("images/calendarContainerImages.png");
    background-position: 0 -300px;
    border: solid 1px #ffffff;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
}
.dj_ie .oneui .dijitCalendarActiveDate .dijitCalendarDateLabel {
    background-image: url("images/calendarContainerImages.png");
    background-position: 0 -300px;
    border: solid 1px #ffffff;
}

.dj_ie6 .oneui .dijitCalendarActiveDate .dijitCalendarDateLabel {
    background-image: none;
}



/* End Selected Calendar Style */
/* Disabled Calendar Style*/
.oneui .dijitCalendarDisabledDate .dijitCalendarDateLabel {
    text-decoration: line-through;
    /* override hover effects above, hover and click on disabled date should have no effect */
    background-color: transparent;
    border-width: 0;
    padding: 4px 6px 4px 5px;
    color: #555555;
}

/* End Disabled Calendar Style */
/* Styling for month DropDownButton */
.oneui .dijitCalendar .dijitDropDownButton {
    margin: 0;
}

.oneui .dijitCalendar .dijitButtonText {
    padding: 1px 0 3px;
    margin-right: -4px;
}

.oneui .dijitCalendar .dijitDropDownButton .dijitButtonNode {
    padding: 0 3px 0 2px;
    border: solid 1px #bbbbbb;
    -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    background-color: transparent;
    background-image: none;
}
.oneui .dijitCalendar .dijitDropDownButtonHover .dijitButtonNode {
    border: solid 1px #cccccc;
	background-color: #e5e5e5;
	background-image: -moz-linear-gradient(top, #fefefe, #cccccc);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#fefefe),to(#cccccc));
	background-image: -webkit-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #fefefe 0%, #cccccc 100%); /* IE10+ */
	background-image: linear-gradient(top,  #fefefe 0%, #cccccc 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#fefefe', endColorstr='#cccccc'); 
	*/
}
.oneui .dijitCalendar .dijitDropDownButtonActive .dijitButtonNode {
    border: solid 1px #cccccc;
	background-color: #cccccc;
	background-image: -moz-linear-gradient(top, #dbdbdb, #f4f4f4);
	background-image: -webkit-gradient(linear,0% 0%,0% 100%,from(#dbdbdb),to(#f4f4f4));
	background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* Chrome10+,Safari5.1+ */
	background-image: -o-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* Opera 11.10+ */
	background-image: -ms-linear-gradient(top, #dbdbdb 0%, #f4f4f4 100%); /* IE10+ */
	background-image: linear-gradient(top,  #dbdbdb 0%, #f4f4f4 100%); /* W3C */
	/*
	filter: progid:DXImageTransform.Microsoft.gradient( GradientType=0, startColorstr='#dbdbdb', endColorstr='#f4f4f4'); 
	*/
}

/* Styling for month drop down list */
.oneui .dijitCalendarMonthMenu {
    border-color: #999999;
    background-color: #ffffff;
    text-align: center;
    background-image: none;
	font-family: Arial;
	font-size: 10px;
    color: #222222;
	-webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.15);
}

.oneui .dijitCalendarMonthMenu .dijitCalendarMonthLabel {
    border-top: solid 1px #ffffff;
    /* intentionally invisible until hover */
    border-bottom: solid 1px #ffffff;
    padding: 2px 0;
	font-family: Arial;
	font-size: 10px;
    color: #222222;
	/*
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.15);
	*/
}

.oneui .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
    /*border-color: #769dc0;
    border-width: 1px 0;*/
	background-color: #cce8f2;
    /*background-image: url("images/commonHighlight.png");
    background-repeat: repeat-x;*/
}
.dj_ie6 .oneui .dijitCalendarMonthMenu .dijitCalendarMonthLabelHover {
	background-image: none;
}

/* a11y */
.dijit_a11y .oneui .dijitCalendarSelectedDate .dijitCalendarDateLabel {
	border-style: dotted !important;
}

